@charset "utf-8";
$baseRem:10/750;
.clear:after{clear:both;display:block;content:"";}
html,body,.swiper-container,.swiper-wrapper,.swiper-slide{height: 100%;width:100%;}

.section1{background:url(../images/ios/section1-pic.jpg) no-repeat center bottom;-webkit-background-size:100% auto;text-align: center;}
.section1-pad img{width:$baseRem*496rem;height:$baseRem*286rem;margin-bottom:$baseRem*100rem;}
.section1-con{width:$baseRem*550rem;height:$baseRem*334rem;background:rgba(0,0,0,0.63);margin:0 auto 0;}
.section1-pad{padding-top:$baseRem*200rem;}
.section1-con span{display: inline-block;width:$baseRem*252rem;height:$baseRem*66rem;background:url(../images/ios/secion1-icon1.png) no-repeat;-webkit-background-size:cover;font-size: $baseRem*22rem;line-height: $baseRem*66rem;text-align: center;color:#fff;margin:$baseRem*30rem $baseRem*8rem 0 $baseRem*10rem ;}

#arrow{ width:$baseRem*64rem; height:$baseRem*67rem; background:url(../images/ios/arrow.png) no-repeat; position:absolute; bottom:3%; left:50%; margin-left:-$baseRem*32rem; z-index:30; animation:1s infinite arrowTop; -webkit-animation:1s infinite arrowTop;-webkit-background-size:$baseRem*64rem $baseRem*67rem;}
@-webkit-keyframes arrowTop{
    0%{ opacity:0; -webkit-transform:translate(0,0);}
    60%{ opacity:1; -webkit-transform:translate(0,-30px);}
    100%{ opacity:0; -webkit-transform:translate(0,-50px);}
}
@keyframes arrowTop{
    0%{ opacity:0; transform:translate(0,0);}
    60%{ opacity:1; transform:translate(0,-30px);}
    100%{ opacity:0; transform:translate(0,-50px);}
}

.section2 {text-align: center;}
.section2 h2,.section3 h2,.section4-hd h2{text-align: center;font-size: $baseRem*50rem;color:#222;line-height:$baseRem*60rem;padding:$baseRem*170rem 0 $baseRem*56rem;}
.section2 h2{padding-bottom:$baseRem*36rem; }
.section2 img{width:$baseRem*512rem;height:$baseRem*424rem;margin:0 auto $baseRem*30rem;}
.section2-txt{font-size:$baseRem*26rem;color:#666;line-height:$baseRem*46rem;}
.section2-tel{width:$baseRem*422rem;height:$baseRem*70rem;line-height:$baseRem*70rem;padding-left:$baseRem*36rem;border-radius:$baseRem*70rem;font-size:$baseRem*28rem;color:#fff;background:#444;text-align:left;margin:$baseRem*44rem auto 0;position: relative;}
.section2-tel span{width:$baseRem*70rem;height:$baseRem*84rem;background:url(../images/ios/section2-pointer.png) no-repeat;-webkit-background-size:cover;position: absolute;top:$baseRem*32rem;right:$baseRem*7rem;}

.section6-con span,.section2-tel span{-webkit-animation:scalePoint 2s infinite;}

@-webkit-keyframes scalePoint{
    0%{-webkit-transform:scale(1) translate(0,0);}
    50%{-webkit-transform:scale(1.01) translate(-10px,-5px);}
    100%{-webkit-transform:scale(1) translate(0,0);}
}

.section3{background:#f8f8f8;text-align: center;}
.section3-hd{
	p{font-size:$baseRem*24rem;line-height:$baseRem*30rem;padding:$baseRem*170rem 0 $baseRem*22rem;}
	h2{padding: 0;line-height: $baseRem*50rem;}
}
.section3-con{
	p{font-size:$baseRem*24rem;color:#666;line-height:$baseRem*40rem;padding:$baseRem*35rem 0 $baseRem*55rem;}
	img{width:$baseRem*556rem;height:$baseRem*426rem;}
}

.swiper-container1{width:$baseRem*532rem;margin:$baseRem*56rem auto 0;overflow: hidden;padding-top:$baseRem*60rem;}
.my-slide{float: left;width:$baseRem*532rem;}
.section-tc{width:$baseRem*242rem;height:$baseRem*450rem;border: 1px solid #e0e0e0;position: relative;
    img{width:$baseRem*150rem;height:$baseRem*150rem;border-radius:50%;border:2px solid #cbcbcb;top:-$baseRem*60rem;left:50%;margin-left:-$baseRem*75rem;position: absolute;}
    h4{font-size:$baseRem*24rem;background:url(../images/ios/h4-line.png) no-repeat center bottom;-webkit-background-size:$baseRem*224rem $baseRem*22rem;padding:$baseRem*106rem 0 $baseRem*30rem;line-height: $baseRem*24rem;font-weight: normal;color:#c12c20;}
    p{font-size:$baseRem*20rem;color:#666;line-height: $baseRem*34rem;padding:$baseRem*13rem $baseRem*20rem 0;}
}
.my-slide .section-tc:nth-of-type(1){float: left;}
.my-slide .section-tc:nth-of-type(2){float: right;}
.swiper-button-prev,.swiper-button-next{width:$baseRem*21rem;height:$baseRem*38rem;background:url(../images/ios/prev-btn.png) no-repeat;-webkit-background-size:cover;margin-top:$baseRem*150rem;}
.swiper-button-next{background:url(../images/ios/next-btn.png) no-repeat;-webkit-background-size:cover;}


.section4{text-align: center; }
.section4-hd h2{padding:$baseRem*155rem 0 $baseRem*18rem;}
.section4-hd>h3{font-size:$baseRem*24rem;font-weight: normal;color:#222;line-height: $baseRem*24rem;padding-bottom:$baseRem*20rem;}
.section4-hd>p{font-size:$baseRem*20rem;color:#777;line-height: $baseRem*38rem;}
.section4-txt{width:$baseRem*530rem;line-height: $baseRem*50rem;color:#fff;text-align: center;background:#c12c20;font-size: $baseRem*24rem;margin:$baseRem*13rem auto $baseRem*55rem;}

.section5{background:#f9f9f9 url(../images/ios/section5-pic.jpg) no-repeat center bottom;-webkit-background-size:$baseRem*572rem $baseRem*784rem;}
.section5-hd{font-size:$baseRem*44rem;text-align: center;line-height:$baseRem*44rem; }
.section5-hd h2{font-weight: normal;padding:$baseRem*180rem 0 $baseRem*29rem;}
.section5-hd h3{color:#c12c20;}
.section5-con{padding-top:$baseRem*230rem;}
.section5-con span{float: left;font-size:$baseRem*24rem;color:#666;line-height:$baseRem*42rem;}
.section5-con p{padding-left:$baseRem*135rem;padding-bottom: $baseRem*70rem;}


.section6{background:url(../images/ios/section6-pic.jpg) no-repeat center bottom;-webkit-background-size:100% auto;text-align: center;}
.section6-hd{color:#fff;}
.section6-hd h3{font-size:$baseRem*36rem;line-height: $baseRem*36rem;padding:$baseRem*170rem 0 $baseRem*20rem;}
.section6-hd h2{font-size: $baseRem*62rem;line-height: $baseRem*62rem;}
.section6-con{text-align: center;}
.section6-con .img1{width: $baseRem*486rem;height: $baseRem*354rem;margin-bottom: $baseRem*20rem;}
.section6-con .img2{width: $baseRem*530rem;height: $baseRem*188rem;margin: $baseRem*70rem auto 0;}
.section6-con a{display: block;width:$baseRem*422rem;font-size: $baseRem*28rem;padding-left:$baseRem*38rem;line-height: $baseRem*70rem;color:#050707;
background:#fff;border-radius:$baseRem*70rem;text-align:left;margin:$baseRem*66rem auto 0;position: relative;
    span{position: absolute;width:$baseRem*70rem;height:$baseRem*84rem;background:url(../images/ios/section2-pointer.png) no-repeat;-webkit-background-size:$baseRem*70rem $baseRem*84rem;
        top:$baseRem*30rem;right:$baseRem*15rem;
    }
}
.section7-hd{color:#fff;
    h2{font-size: $baseRem*54rem;padding:$baseRem*165rem 0 $baseRem*22rem;}
    p{font-size: $baseRem*20rem;}
}
.section7{background:#333;text-align: center;position: relative;
    ul{padding-top:$baseRem*42rem; }
    li{width:$baseRem*594rem;margin:0 auto $baseRem*15rem;border: 1px solid #676767;height:$baseRem*120rem;
        strong{color:#ffae00;font-size: $baseRem*80rem;line-height:$baseRem*74rem;padding: $baseRem*22rem 0  $baseRem*5rem;}
        span{font-size:$baseRem*28rem; }
        p{font-size:$baseRem*22rem;color:#c1c1c1;line-height:$baseRem*22rem;  }
    }
    img{width:$baseRem*524rem;height:$baseRem*360rem;position: absolute;left:50%;bottom:0;margin-left: -$baseRem*262rem;}
}

.section8{background:#f3f3f3;text-align: center;
    img{width:$baseRem*530rem;height:$baseRem*774rem;}
}
.section8-hd{
    h2{font-size:$baseRem*54rem;line-height:$baseRem*54rem;padding:$baseRem*160rem 0 $baseRem*40rem;}
}

.section9-hd{
    p{font-size:$baseRem*28rem;line-height: $baseRem*28rem;padding:$baseRem*144rem 0 $baseRem*18rem; }
    h2{font-size: $baseRem*52rem;line-height: $baseRem*52rem;}
}
.section9{text-align: center;}
.section9 ul{padding-top:$baseRem*46rem; }
.section9 li{border-top:1px solid #dcdcdc;padding:$baseRem*22rem 0 $baseRem*24rem;
    h3{font-size: $baseRem*52rem;color:#ff7e00;line-height:$baseRem*70rem; }
    p{font-size: $baseRem*22rem;color:#333;line-height:$baseRem*42rem; }
}


.section10{background:#333;text-align: center;}
.section10-con{padding-top: $baseRem*80rem;position: relative;}
.section10-line{position: absolute;top:0;right:$baseRem*60rem;width:$baseRem*530rem;height:$baseRem*774rem;}
.section10-txt{background:#fff;border-radius:50%;width:$baseRem*438rem;height:$baseRem*438rem;position: absolute;top:$baseRem*176rem;left:50%;margin-left: -$baseRem*219rem;
    h3{font-size:$baseRem*102rem;color:#fe4343;line-height:$baseRem*116rem;padding:$baseRem*66rem 0 $baseRem*10rem;}
    p{font-size:$baseRem*24rem;color:#555;line-height:$baseRem*34rem;}
}
.section10-pep{width:$baseRem*288rem;height:$baseRem*374rem;margin-top:$baseRem*470rem;position: relative;z-index:4; }
.section10-btn{display: block;width:$baseRem*432rem;margin:0 auto;line-height:$baseRem*106rem;background:#ffda2b;border-radius:$baseRem*20rem;color:#302800;position: relative;z-index:10; }

.section11{text-align: center;
    img{width:$baseRem*354rem;height:$baseRem*350rem;}
    ul{padding:$baseRem*22rem 0 0 $baseRem*116rem;}
    li{font-size: $baseRem*36rem;color:#5f5f5f;background:url(../images/ios/section11-icon.png) no-repeat left center;
        -webkit-background-size:$baseRem*65rem $baseRem*54rem;line-height:$baseRem*72rem; text-align:left;padding-left: $baseRem*70rem;}
}
.section11 h2{font-size:$baseRem*54rem;padding:$baseRem*156rem 0 $baseRem*70rem; }
.section11-btn{font-size:$baseRem*60rem;text-align: center;width: $baseRem*432rem;line-height: $baseRem*110rem;background:#ffe29c;border-bottom:$baseRem*6rem solid #ebcf8d;border-radius:$baseRem*20rem;display: block;margin:$baseRem*54rem auto 0;color:#86620b;}

.section12{background:#444;text-align: center;
    img{width:$baseRem*525rem;height:$baseRem*280rem;margin:$baseRem*92rem 0 $baseRem*62rem;}
    input{width:$baseRem*548rem;margin:0 auto;line-height:$baseRem*28rem;border-radius:$baseRem*98rem;border:none;padding:$baseRem*35rem 0;}
    input[type=text]{padding-left:$baseRem*35rem;padding-right:$baseRem*25rem ;margin-bottom:$baseRem*26rem ;font-size:$baseRem*24rem;}
    input[type=submit]{background:#ffda2b;color:#302800;font-size:$baseRem*32rem;}
}
.section12 h2{padding-top:$baseRem*170rem;color:#fff;line-height: $baseRem*70rem;font-size: $baseRem*40rem;
    span{font-size: $baseRem*70rem; }
}

.fix{position: fixed;left:0;top:0;width:100%;z-index:1111;}
.nav-list{z-index:1200;}
.top-d{background:#fff;}
